// JavaScript Document
Vue.component('add-comp',{
	template:'<li class="add" v-on:mouseenter="showList()" v-on:mouseleave="hiddenList()">\
            	<a href="#">自定义</a>\
                <dl style="display:none">\
                	<dd v-for="item in items" v-on:click=add(item)>{{item}}</dd>\
                </dl>\
            </li>',
	data:function(){
		return {
			items:['主卧','次卧','客房','书房','餐厅']
		}
	},
	methods:{
		add:function(item){
			this.$emit('additem',item)	
		},
		showList:function(){
			$(this.$el).find('dl').show();
		},
		hiddenList:function(){
			$(this.$el).find('dl').hide();
		}
	}
});